<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>家政网</title>
    <meta name="keywords" content="家政网">
    <meta name="description" content="">
    <!-- 删除默认的苹果工具栏和菜单栏 -->
    <meta name =“apple-mobile-web-app-capable”content =“yes”/>  
    <!-- 苹果手机顶部为黑色 -->
    <meta name =“apple-mobile-web-status-bar-style”content =“block”/>  
    <link rel="icon" href="./images/icon.icon" type="images/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/companyid.css">

</head>
<body>
    <!-- logo -->
    <header>
        <div class="header-logo">
            <a href="">
                <span class="logo-icon"></span>
            </a>
        </div>
        <div class="header-search">
            <a href="">深圳 v</a>
            <input type="text" value="搜索">
        </div>
    </header>

    <!-- 服务公司 -->
    <div class="companyid">
        <div class="companyid-warp">
            <div class="companyid-info">
                <div class="companyid-logo"><img src="./images/service-img.jpg" alt=""></div>
                <div class="companyid-about">
                    <div class="companyid-title">xxx家政公司</div>
                    <div class="companyid-active"><span>先施工后付款</span> <span>家政网监管</span></div>
                    <div class="companyid-add">深圳市宝安区西乡街道xxx大厦10103</div>
                </div>
            </div>

            <div class="companyid-contact">
                <div class="contact-nub">
                    <div class="contact-service">
                        <p>516</p>
                        <p>服务次数</p>
                    </div>
                    <div class="contact-service">
                        <p>116</p>
                        <p>评价</p>
                    </div>
                    <div class="contact-service">
                        <p>96</p>
                        <p>综合得分</p>
                    </div>
                </div>

                <div class="buy">
                    <a href="tel:15215659999">拨打电话</a>
                </div>
            </div>
        </div>
        <div class="companyid-coupon">
            <a href=""><img src="./images/coupon.png" alt=""></a>
            <a href=""><img src="./images/coupon.png" alt=""></a>            
        </div>
    </div>

    <!-- 公司简介 -->
    <div class="companyid-profile">
        <div class="sub-title">
            <h3>公司简介</h3>
        </div>
        <div class="profile">
            家政女皇综艺,家政女皇在线观看:这是一档由河北卫视和安徽连接传媒共同打造的带状播出节目,
            每晚18点到18点30分,国内知名主持人方琼、诚诚倾情加盟。用综艺形式来包装家政女皇在线观看:
            这是一档由河北卫视和安徽连接传媒共同打造的带状播出节目,每晚18点到18点30分,
            国内知名主持人方琼、诚诚倾情加盟。用综艺形式来包装国内知名主持人方琼、诚诚倾情加盟。
            用综艺形式来包装国内知名主持人方琼、诚诚倾情加盟。
            用综艺形式来包装诚诚倾情加盟。用综艺形式来包装国内知名主持人方琼、诚诚倾情加盟。用综艺形式来包装
        </div>

    </div>

        <!-- 公司服务 -->
    <div class="companyid-service clear">
        <div class="sub-title more-warp">
            <h3>公司简介</h3>
            <span class="more-servie">更多+</span>
        </div>
        <div class="service-items">
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
            <div class="service-list"><a href=""><img src="./images/service-img.jpg" alt=""></a></div>
        </div>
    </div>

    <!-- 公司队伍 -->
    <div class="companyid-team clear">
        <div class="sub-title more-warp">
            <h3>公司团队</h3>
            <span>更多+</span>
        </div>
        <ul class="team-item">
            <li class="team-list">
                <a href="">
                    <div class="team-head"><img src="./images/header.jpg" alt=""></div> 
                    <div class="master-name">李师傅</div>
                    <div class="master-skill">4年家电维修</div>
                </a>
            </li>
            <li class="team-list">
                <a href="">
                    <div class="team-head"><img src="./images/header.jpg" alt=""></div> 
                    <div class="master-name">李师傅</div>
                    <div class="master-skill">4年家电维修</div>
                </a>
            </li>
            <li class="team-list">
                <a href="">
                    <div class="team-head"><img src="./images/header.jpg" alt=""></div> 
                    <div class="master-name">李师傅</div>
                    <div class="master-skill">4年家电维修</div>
                </a>
            </li>
            <li class="team-list">
                <a href="">
                    <div class="team-head"><img src="./images/header.jpg" alt=""></div> 
                    <div class="master-name">李师傅</div>
                    <div class="master-skill">4年家电维修</div>
                </a>
            </li>
            <li class="team-list">
                <a href="">
                    <div class="team-head"><img src="./images/header.jpg" alt=""></div> 
                    <div class="master-name">李师傅</div>
                    <div class="master-skill">4年家电维修</div>
                </a>
            </li>
            <li class="team-list">
                <a href="">
                    <div class="team-head"><img src="./images/header.jpg" alt=""></div> 
                    <div class="master-name">李师傅</div>
                    <div class="master-skill">4年家电维修</div>
                </a>
            </li>        
        </ul>
    </div>

    <div class="assess-item">
        <div class="sub-title">
            <h3>用户评价</h3>
        </div>
        <div class="assess-lv">
            <span>有图（10）</span>
            <span>好评（50）</span>
            <span>中评（5）</span>
            <span class="red">差评（1）</span>
        </div>
        <ul>
            <li class="assess-lists">
                <div class="assess-details-img"><img src="./images/promise.jpg" alt="家电安装"></div>
                <div class="assess-content-container">
                    <div class="assess-content">
                        <span>安装很到位，师傅很nice，整个过程表现得非常专业，安装很nice，
                            整个过程表现很到位，师傅得非常专业安装很到位，师傅很nice.
                        </span>
                    </div>
                    <div class="assess-star"></div>
                </div>
                <div class="assess-user-info">
                    <div class="user-info-header">
                        <img src="./images/header.jpg" alt="">
                        <span>家政网用户a</span>
                    </div>
                    <div class="assess-date">2019.03.14</div>
                </div>
            </li>
            <li class="assess-lists">
                <div class="assess-details-img"><img src="./images/promise.jpg" alt="家电安装"></div>
                <div class="assess-content-container">
                    <div class="assess-content">
                        <span>安装很到位，师傅很nice，整个过程表现得非常专业，安装很nice，
                            整个过程表现很到位，师傅得非常专业安装很到位，师傅很nice.
                        </span>
                    </div>
                    <div class="assess-star"></div>
                </div>
                <div class="assess-user-info">
                    <div class="user-info-header">
                        <img src="./images/header.jpg" alt="">
                        <span>家政网用户a</span>
                    </div>
                    <div class="assess-date">2019.03.14</div>
                </div>
            </li>
            <li class="assess-lists">
                <div class="assess-details-img"><img src="./images/promise.jpg" alt="家电安装"></div>
                <div class="assess-content-container">
                    <div class="assess-content">
                        <span>安装很到位，师傅很nice，整个过程表现得非常专业，安装很nice，
                            整个过程表现很到位，师傅得非常专业安装很到位，师傅很nice.
                        </span>
                    </div>
                    <div class="assess-star"></div>
                </div>
                <div class="assess-user-info">
                    <div class="user-info-header">
                        <img src="./images/header.jpg" alt="">
                        <span>家政网用户a</span>
                    </div>
                    <div class="assess-date">2019.03.14</div>
                </div>
            </li>
            <li class="assess-lists">
                <div class="assess-details-img"><img src="./images/promise.jpg" alt="家电安装"></div>
                <div class="assess-content-container">
                    <div class="assess-content">
                        <span>安装很到位，师傅很nice，整个过程表现得非常专业，安装很nice，
                            整个过程表现很到位，师傅得非常专业安装很到位，师傅很nice.
                        </span>
                    </div>
                    <div class="assess-star"></div>
                </div>
                <div class="assess-user-info">
                    <div class="user-info-header">
                        <img src="./images/header.jpg" alt="">
                        <span>家政网用户a</span>
                    </div>
                    <div class="assess-date">2019.03.14</div>
                </div>
            </li>
        </ul>
        <div class="page">
            <div class="page-container">
                <a href="">上一页</a>
                <a href="">下一页</a>
            </div>
        </div>

    </div>




    <!-- 版权信息 -->
    <div class="footer">
        <div class="footer-container">
            <p>家政网，你的专业私人管家助手</p>
            <p>家政热线：<span>400-200-300</span>&nbsp;&nbsp;&nbsp;<span>031-516-511</span></p>
            <p class="footer-contact">
                <a href="">成为合伙人</a> |
                <a href="">关于我们</a> |
                <a href="">意见反馈</a> |   
                <a href="">在线招聘</a>
            </p>
        </div>
    </div>

    <!-- 悬浮导航 -->
    <div class="suspend-footer">
        <ul class="suspend-container">
            <li class="suspend-list">
                <a href="">
                    <div><span class="home-icon suspend-icons"></span></div>
                    <div class="home-title">首页</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="publish-icon suspend-icons"></span></div>
                    <div class="home-title">发布</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="information-icon suspend-icons"></span></div>
                    <div class="home-title">消息</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="user-icon suspend-icons"></span></div>
                    <div class="home-title">我的</div>
                </a>
            </li>
        </ul>
    </div>
</body>
</html>